<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
    <title>各省药品采购情况</title>
    <%@ include file="/WEB-INF/component/commonCSS.jsp"%>
    <!--[if lt IE 9]>
        <script src="lib/js/html5shiv.min.js"></script>
        <script src="lib/js/respond.min.js"></script>
    <![endif]-->
</head>
<body class="skin-blue-light sidebar-mini fixed skin-blue-light-frame">

    <section class="content-header">
        <h1>各省药品采购情况</h1>
        <ol class="breadcrumb">
            <li><a href="${ctx}/home.jsp"><i class="fa fa-home"></i>首页</a></li>
            <li class="active"><a href="#">统计查询</a></li>
            <li class="active"><a href="#">各省药品采购情况</a></li>
        </ol>
    </section>
    <section class="content">
        <div class=" box box-success">
            <div class="box-body">
                <div id="chinaChart" style="width:100%;height:500px;"></div>
            </div>
        </div>
    </section>

    <%@ include file="/WEB-INF/component/commonJS.jsp"%>
    
	<script type="text/javascript">
        var option = {
       	    title : {
       	        text: '各省药品采购情况'
       	    },
       	    tooltip : {
       	        trigger: 'item',
		   	    formatter: function (params){
		   	    	console.log(params);
		   	    	var tips = "";
		   	    	if (params.data) {
		   	    		tips = params.data.name || "";
		   	    		if (params.data.valueMap) {
		   	    			var map = params.data.valueMap;
		   	    			tips += "<br/>中标企业：" + (map[0] || "0") + "家";
		   	    			tips += "<br/>采购金额：" + (map[1] || "0") + "万元";
		   	    		}
		   	    	}
		   	    	return tips;
		        }
       	    },
       	    dataRange: {
       	        min: 0,
       	        max: 10000,
       	        color: ['orangered','yellow','lightskyblue'],
       	        x: 'left',
       	        y: 'bottom',
       	        text:['高','低'],           // 文本，默认为数值文本
       	        calculable : true
       	    },
       	    toolbox: {
       	        show: true,
       	        orient : 'vertical',
       	        x: 'right',
       	        y: 'center',
       	        feature : {
       	            mark : {show: true},
       	            dataView : {show: true, readOnly: false},
       	            restore : {show: true},
       	            saveAsImage : {show: true}
       	        }
       	    },
       	    roamController: {
       	        show: true,
       	        x: 'right',
       	        mapTypeControl: {
       	            'china': true
       	        }
       	    },
       	    series : [
				{
				    name: '中标企业',
				    type: 'map',
				    mapType: 'china',
				    roam: false,
				    itemStyle:{
				        normal:{label:{show:true}},
				        emphasis:{label:{show:true}}
				    },
				    data:[
				        {name: '北京',value: Math.round(Math.random()*1000)},
				        {name: '天津',value: Math.round(Math.random()*1000)},
				        {name: '上海',value: Math.round(Math.random()*1000)},
				        {name: '重庆',value: Math.round(Math.random()*1000)},
				        {name: '河北',value: Math.round(Math.random()*1000)},
				        {name: '河南',value: Math.round(Math.random()*1000)},
				        {name: '云南',value: Math.round(Math.random()*1000)},
				        {name: '辽宁',value: Math.round(Math.random()*1000)},
				        {name: '黑龙江',value: Math.round(Math.random()*1000)},
				        {name: '湖南',value: Math.round(Math.random()*1000)},
				        {name: '安徽',value: Math.round(Math.random()*1000)},
				        {name: '山东',value: Math.round(Math.random()*1000)},
				        {name: '新疆',value: Math.round(Math.random()*1000)},
				        {name: '江苏',value: Math.round(Math.random()*1000)},
				        {name: '浙江',value: Math.round(Math.random()*1000)},
				        {name: '江西',value: Math.round(Math.random()*1000)},
				        {name: '湖北',value: Math.round(Math.random()*1000)},
				        {name: '广西',value: Math.round(Math.random()*1000)},
				        {name: '甘肃',value: Math.round(Math.random()*1000)},
				        {name: '山西',value: Math.round(Math.random()*1000)},
				        {name: '内蒙古',value: Math.round(Math.random()*1000)},
				        {name: '陕西',value: Math.round(Math.random()*1000)},
				        {name: '吉林',value: Math.round(Math.random()*1000)},
				        {name: '福建',value: Math.round(Math.random()*1000)},
				        {name: '贵州',value: Math.round(Math.random()*1000)},
				        {name: '广东',value: Math.round(Math.random()*1000)},
				        {name: '青海',value: Math.round(Math.random()*1000)},
				        {name: '西藏',value: Math.round(Math.random()*1000)},
				        {name: '四川',value: Math.round(Math.random()*1000)},
				        {name: '宁夏',value: Math.round(Math.random()*1000)},
				        {name: '海南',value: Math.round(Math.random()*1000)},
				        {name: '台湾',value: Math.round(Math.random()*1000)},
				        {name: '香港',value: Math.round(Math.random()*1000)},
				        {name: '澳门',value: Math.round(Math.random()*1000)}
				    ]
				},
				{
                    name: '采购金额',
                    type: 'map',
                    mapType: 'china',
                    roam: false,
                    itemStyle:{
                        normal:{label:{show:true}},
                        emphasis:{label:{show:true}}
                    },
                    data:[
                        {name: '北京',value: Math.round(Math.random()*10000)},
                        {name: '天津',value: Math.round(Math.random()*10000)},
                        {name: '上海',value: Math.round(Math.random()*10000)},
                        {name: '重庆',value: Math.round(Math.random()*10000)},
                        {name: '河北',value: Math.round(Math.random()*10000)},
                        {name: '河南',value: Math.round(Math.random()*10000)},
                        {name: '云南',value: Math.round(Math.random()*10000)},
                        {name: '辽宁',value: Math.round(Math.random()*10000)},
                        {name: '黑龙江',value: Math.round(Math.random()*10000)},
                        {name: '湖南',value: Math.round(Math.random()*10000)},
                        {name: '安徽',value: Math.round(Math.random()*10000)},
                        {name: '山东',value: Math.round(Math.random()*10000)},
                        {name: '新疆',value: Math.round(Math.random()*10000)},
                        {name: '江苏',value: Math.round(Math.random()*10000)},
                        {name: '浙江',value: Math.round(Math.random()*10000)},
                        {name: '江西',value: Math.round(Math.random()*10000)},
                        {name: '湖北',value: Math.round(Math.random()*10000)},
                        {name: '广西',value: Math.round(Math.random()*10000)},
                        {name: '甘肃',value: Math.round(Math.random()*10000)},
                        {name: '山西',value: Math.round(Math.random()*10000)},
                        {name: '内蒙古',value: Math.round(Math.random()*10000)},
                        {name: '陕西',value: Math.round(Math.random()*10000)},
                        {name: '吉林',value: Math.round(Math.random()*10000)},
                        {name: '福建',value: Math.round(Math.random()*10000)},
                        {name: '贵州',value: Math.round(Math.random()*10000)},
                        {name: '广东',value: Math.round(Math.random()*10000)},
                        {name: '青海',value: Math.round(Math.random()*10000)},
                        {name: '西藏',value: Math.round(Math.random()*10000)},
                        {name: '四川',value: Math.round(Math.random()*10000)},
                        {name: '宁夏',value: Math.round(Math.random()*10000)},
                        {name: '海南',value: Math.round(Math.random()*10000)},
                        {name: '台湾',value: Math.round(Math.random()*10000)},
                        {name: '香港',value: Math.round(Math.random()*10000)},
                        {name: '澳门',value: Math.round(Math.random()*10000)}
                    ]
                }
       	    ]
       	};
        
        var chinaChart = echarts.init(document.getElementById('chinaChart'));
        chinaChart.setOption(option);
	</script>
	
</body>
</html>